<template>
  <div class="app-container">
    <Find :OriginalFilter="{ static: true }" :formList="formList" />
    <el-card shadow="never" :body-style="{ padding: '11px 20px' }">
      <div slot="header" class="f16">
        <span style="font-weight: 600">用量明细资料</span>
      </div>
      <Table :tableHeader="tableHeader" :tableData="tableData" />
      <Table :tableData="tableData1" :tableHeader="tableHeader1" :TableHeight="'35rem'" />
      <PageModule :PageData="{ pageSizeShow: true }" />
    </el-card>
  </div>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue'
import JMessage from '@/utils/JMessage'
export default defineComponent({
  name: 'BulkQuantityQueryLt'
})
</script>
<script lang="ts" setup>
import { i18n, Jzhcn } from '@/i18n'
const formList = ref([
  {
    type: 'input',
    inputPlaceholder: '请输入型体',
    inputValue: '',
    inputLabel: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入颜色',
    inputValue: '',
    inputLabel: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入部位',
    inputValue: '',
    inputLabel: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入开发物料编码',
    inputValue: '',
    inputLabel: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入业务物料编码',
    inputValue: '',
    inputLabel: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入材料名称',
    inputValue: '',
    inputLabel: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入规格',
    inputValue: '',
    inputLabel: ''
  },
  {
    type: 'button',
    checkboxLabel: '导出'
  }
])

const tableHeader = ref([
  {
    label: '型体',
    props: 'type'
  },
  {
    label: '颜色',
    props: 'color'
  },
  {
    label: '序号',
    props: 'color'
  },
  {
    label: '部位',
    props: 'color'
  },
  {
    label: '分段',
    props: 'color'
  },
  {
    label: '物料编码',
    props: 'color'
  },
  {
    label: '材料颜色',
    props: 'color'
  },
  {
    label: '材料名称',
    props: 'color'
  },
  {
    label: '规格',
    props: 'color'
  },
  {
    label: '单位',
    props: 'color'
  },
  {
    label: '尺码起',
    props: 'color'
  },
  {
    label: '尺码止',
    props: 'color'
  },
  {
    label: '厂商',
    prop: 'shape'
  },
  {
    label: '用量',
    prop: 'shape'
  },
  {
    label: '计算方式',
    prop: 'name',
    type: 'select'
  },
  {
    label: '备注',
    prop: 'shape'
  }
])
const tableData = ref([
  {
    type: '123',
    color: '123',
    name: true
  }
])
// 表格数据
const tableData1 = [
  {
    date: '20230427',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-02',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-04',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312',
    customer: 'jzy',
    checkboxArrange: true
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  }
]

const tableHeader1 = ref([
  {
    label: '物料编码',
    prop: 'customer'
  },
  {
    label: '材料颜色',
    prop: 'instruction'
  },
  {
    label: '材料名称',
    prop: 'shape'
  },
  {
    label: '规格',
    prop: 'shape'
  },
  {
    label: '单位',
    prop: 'shape'
  },
  {
    label: '加工方式',
    prop: 'shape'
  },
  {
    label: '供应商',
    prop: 'shape'
  },
  {
    label: '比例',
    prop: 'shape'
  },
  {
    label: '是否请购',
    type: 'checkbox',
    prop: 'checkboxArrange'
  }
])
</script>

<style lang="less" scoped></style>
